<template>
  <view class="main">
    <view class="header"></view>
    <view class="mainBox">
      <image
        src="https://qianjin-file.oss-cn-beijing.aliyuncs.com/app/static/marriageCulture.png"
        alt=""
      />
    </view>
  </view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
.main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  //   position: relative;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  //   background: url("https://qianjin-file.oss-cn-beijing.aliyuncs.com/app/static/marriageCulture.png") no-repeat center
  //     center;
  //   background-size: cover;
  .mainBox {
    width: 100%;
    height: 100vh;
    image {
		height: 200vh;
      width: 100%;
    }
  }
  .header {
    position: absolute;
    top: 0;
    z-index: 99999999;
    height: 9.61vh;
    width: 100%;
  }
}
</style>